/*
    Document   : main
    Created on : 31 Mar, 2012, 3:47:18 PM
    Author     : Akil Mahimwala
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {  display: block; }
* { margin: 0; padding: 0; }
body { margin:0; padding:0; background-color:#ededed; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#toplogo_container { width:100%; height:75px; }

#dispTitle { width:230px; height:30px; float:left; position:relative; margin-left:20px; margin-top: 16px; font: 26px arial; color:#333; font-size:24px; }

.version { font-family: Verdana; font-size: 13px; color: #999; }

#poweredby { width:110px; height:35px; float:right; position:relative; background:url(../images/altius_logo_small.png) no-repeat; margin-right:10px; margin-top: 25px; }

#navbar {
    float:left;
    position:relative;
    width:100%;
    z-index:1;
    margin:0;
    max-height:30px;
}

#menubar{
    margin: 0; padding: 0; border-bottom:1px solid #333; height: 31px; font-family:Arial; font-size:12px; background: #fbd641; }

#menubar span{
    float: right;
    padding-top: 0.75em;
}

#dispClock {
    width:140px;
    height:16px;
    float:right;
    position:relative;
    margin-top: 12px;
    margin-right: 10px;
    font: 14px Arial;
    color:#333;
    text-align:right;
}

#dispIcons {
    width:70px;
    height:19px;
    float:right;
    position:relative;
    margin:7px;
}

#dispIcons a {
    float:left;
    position:relative;
    margin:0 0 0 5px ;
}

#dispUser {
    width:250px;
    height:16px;
    float:right;
    position:relative;
    margin-top: 12px;
    margin-right: 20px;
    font:14px Arial;
    color:#333;
    text-align: right;
    overflow:hidden;
}

/* css for yav */
.innerError {
    background-image: url(../images/invalid.gif);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: none;
    padding-left: 20px;
    padding-top: 1px;
    MARGIN: 0px;
    COLOR: #FF8000
}
.innerHelp, .hint {
    background-image: url(../images/valid.gif);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #d2dde5;
    padding-left: 20px;
    padding-top: 1px;
    MARGIN: 0px;
    COLOR: #008000
}

/* css for yav */
.innerError {
    background-image: url(../images/invalid.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: none;
    padding-left: 20px;
    padding-top: 1px;
    MARGIN: 0px;
    COLOR: #d33e14
}
.innerHelp, .hint {
    background-image: url(../images/valid.gif);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #d2dde5;
    padding-left: 20px;
    padding-top: 1px;
    MARGIN: 0px;
    COLOR: #008000
}

.userInputMedium,
.userInputROMedium { 
    width:100px; 
} 

/*********** FORMTABLE **********/
.formTable,
.filterTable { width:100%;border:0; font:normal 12px/normal Arial, sans-serif;  } 

.formTable td { padding-bottom:1px; padding-top:5px; padding-left:10px; padding-right:40px; vertical-align:top; height:65px; } 

.filterTable td { padding:5px 0 5px 15px; vertical-align:top; }

/*********** EMAILTABLE **********/
.emailTable,
.emailTable1 { border:1; font:normal 12px/normal Arial, sans-serif; } 

.emailTable td { padding-bottom:1px; padding-top:5px; padding-left:10px; padding-right:40px; vertical-align:top; height:65px; } 

.emailTable1 td { padding:5px 0 5px 15px; vertical-align:top; }


/*********** FORMTABLE1 **********/
.formTable1,
.filterTable1 { border:0; font:normal 12px/normal Arial, sans-serif;  } 

.formTable1 td { padding-bottom:1px; padding-top:5px; padding-left:10px; padding-right:5px; vertical-align:top; height:65px; } 

.filterTable1 td { padding:5px 0 5px 5px; vertical-align:top; }

/*********** FORMTABLE FOR SMS 1 **********/
.formTable2 {border:0; font:normal 12px/normal Arial, sans-serif; } 

.formTable2 td { padding-bottom:1px; padding-top:5px; padding-left:10px; padding-right:80px; vertical-align:top; height:65px; }

.formTable2 tr { margin: 5px;padding: 5px; }


/*********** FORMTABLE FOR SMS 2 **********/
.formTableForSms {width:100% ;  font:normal 12px/normal Arial, sans-serif;} 

.formTableForSms td { margin: 5px;padding: 10px; border: 1px dashed #cccccc; }

.formTableForSms tr { margin: 5px;padding: 5px; }


/************ TextAreaForSms***************/
.TextAreaForSms { width:360px; height:150px; }
.TextAreaForMessage { width:300px; height:150px; align:top;padding: 10px 0 0 0 ;}

/**************Heading For SMS*************/
.HeadingForSms {background-color: #f0f0c6; padding: 3px; width: 320px;}

/*=============================
DATA TABLE/
================================*/

.data_table {  margin:0 10px; 
              border-collapse:collapse;
              border-width: 0.5px;
              border-spacing:0; font:normal 12px/normal Arial; 
              color:#333;
              background:#FFF; } 

.data_table td,
.data_table th { border:1px solid #88a32f; padding:8px 5px; font:normal 12px/normal Arial;  } 

.disabled td {  background:#f3d79b; font-weight:bold; padding:8px 5px; }

.customer_history {margin: 0px; padding:0px;  font:normal 12px/normal Arial; }
.customer_history tr {margin: 1px; padding:1px}
.customer_history td {margin: 2 px; padding:1px}

.header th,
.header td,
.footer td { padding:8px 5px; font:normal 12px/normal Arial; color:#364111; letter-spacing:1px; background:#add136; border:#718825 solid 1px; } 

.header th {  cursor:pointer;  } 

.blank td { border:none; } 

.total td {  padding:8px 5px; background:#FFFFFF; font-weight:bold;  } 

.row td { padding:5px; } 

.message_header th,
.message_header td { padding:8px 5px ; font:normal 12px/normal Arial; color:#364111; letter-spacing:1px; background:#add136; } 

.message_data_table {  width:90%; margin:-25px 20px 20px ; border-collapse:collapse; border-spacing:0; font:normal 12px/normal Arial; color:#333; } 

.message_data_table td { border-bottom:1px dotted #ccc; padding:8px 5px; font:normal 12px/normal Arial; width: auto; } 

.div_hover_unread { background-color: #F5DEB3;}

.div_hover_unread:hover { background-color: #FFD700;}

.div_hover_read { background-color: #FFFFFF;}

.div_hover_read:hover { background-color: #FFD700;}


/*===================================
INNER CONTENT ROW IN_02 AND ITS FORM
=====================================*/

.in_02 {  width:99%; display:block; float:left; position:relative; margin:20px 10px 0px 10px; font:normal 12px/normal Arial, sans-serif;  bcolor:#333;  clear:both;} 

.in_02 fieldset {  width:auto; float: left; position: relative;  margin:10px 10px 10px 10px;  border:thin solid #bbb ; padding:5px; background-color:#fff; } 

.in_02 h1 {  margin-left:10px;  font:bold 16px/normal Arial, sans-serif;  color:#333; text-transform: uppercase; } 

.in_02 legend { padding:5px 10px; font:bold 13px/normal Arial, sans-serif; letter-spacing:1px; color:#0f7034; background:#f0f0c6; border:thin solid #bbb; text-transform: uppercase;}

.in_02 legend { padding:5px 10px; font:bold 13px/normal Arial, sans-serif; letter-spacing:1px; color:#0f7034; background:#f0f0c6; border:thin solid #bbb; text-transform: uppercase;}
/*=============================
FORM 
================================*/
.in_02_imp {  width:99%; display:block; float:left; position:relative; margin:20px 10px 0px 10px; font:normal 12px/normal Arial, sans-serif;  bcolor:#333;  clear:both;} 

.in_02_imp #form1 fieldset {  margin:10px 10px 10px 10px;  border:thin solid #bbb ; padding:5px; background-color:#fff; width: 0px;  } 

.in_02_imp h1 {  margin-left:10px;  font:bold 16px/normal Arial, sans-serif;  color:#333; text-transform: uppercase; } 

.in_02_imp #form1 legend { padding:5px 10px; font:bold 13px/normal Arial, sans-serif; letter-spacing:1px; color:#000; background:#FDB543; border:thin solid #bbb; text-transform: uppercase;}

.in_02_imp fieldset {  margin:10px 10px 10px 10px;  border:thin solid #bbb ; padding:5px; background-color:#fff; width: 0px;  } 

.in_02_imp legend { padding:5px 10px; font:bold 13px/normal Arial, sans-serif; letter-spacing:1px; color:#000; background:#FDB543; border:thin solid #bbb; text-transform: uppercase;}

input { width:70px; margin:0 0 5px 0; padding:4px; font:normal 12px/normal Arial; border:1px solid #bbb; background:#FFF; } 

.disableinput { background: #eaeaea; color: #777; }

.userInputForm { float:left; position:relative; width:100%; margin:0 auto; background:transparent; } 

/*.userInputSmall, .userInputMedium, .userInputLarge, .userInputVeryLarge, .userInputROSmall, .userInputROMedium, .userInputROLarge, .userInputROVeryLarge { padding:4px; border:1px solid #bbb; font-family:Verdana; font-size:12px; display:inline; background:#FFF; margin-bottom:5px; width:70px; } */

.userInputMedium,
.userInputROMedium { width:100px; } 

.userInputLarge,
.userInputROLarge { width:200px;} 

.userInputVeryLarge,
.userInputROVeryLarge { width:350px; } 

.userInputSmallReadOnly,
.userInputMediumReadOnly,
.userInputLargeReadOnly,
.userInputVeryLargeReadOnly { padding:4px;  border:1px solid #bbb;  display:inline; background:#dcdcdc; color:#222;  margin-bottom:5px; width:70px; } 

.userInputMediumReadOnly { width:100px; } 

.userInputLargeReadOnly { width:200px } 

.userInputVeryLargeReadOnly { width:350px; } 

.userInputROVeryLarge,
.userInputROLarge,
.userInputROMedium,
.userInputROSmall { background:#AAA; } 

input[type="button"],
.userInputFormSubmit { margin-right:15px; padding:6px 14px; font:bold 14px/normal Arial; color:#fffefb; text-shadow:#000 1px 1px 1px; border:none; background:#be2226; cursor:pointer; letter-spacing: 1px; } 


input[type="button"]:hover,
.userInputFormSubmit:hover { font:bold 14px/normal Arial; color:#fffefb; text-shadow:#000 1px 1px 1px;  background:#0f7034; text-shadow:#000 1px 1px 1px; border:none; }

input[type="submit"],
.userInputFormSubmit { margin-right:15px; padding:6px 14px; font:bold 14px/normal Arial; color:#fffefb; text-shadow:#000 1px 1px 1px; border:none; background:#be2226; cursor:pointer; } 

input[type="submit"]:hover,
.userInputFormSubmit:hover { font:bold 14px/normal Arial; color:#fffefb; text-shadow:#000 1px 1px 1px;  background:#0f7034; text-shadow:#000 1px 1px 1px; border:none; }

input[value="Update And Send Sms"] { width: auto}

input.validate { margin:0 15px 0 0; padding:6px 14px; font:bold 14px/14px Verdana; color:#fffefb; display:inline; border:solid 1px darkolivegreen; background:yellowgreen; cursor:pointer; } 

input.validate:hover { margin:0 15px 0 0; padding:6px 14px;font:bold 14px/14px Verdana; color:#fffefb; display:inline;border:solid 1px darkolivegreen;  font-weight:bold; color:#fffefb;  background:darkolivegreen; cursor:pointer; }  

/*=============================
 FORM FOR GOOGLE MAP/
================================*/
#form1 { width:98.5%; margin: 0; padding: 0 10px; position: relative; }

#form1 fieldset { background-color: #fff; border:thin solid #bbb ; width:auto; float: left; position: relative;  }

#form1  legend { padding:5px 10px; font:bold 13px/normal Arial, sans-serif; letter-spacing:1px; color:#0f7034; background:#f0f0c6; border:thin solid #bbb; text-transform: uppercase;  }

#form1 input { padding:4px;  display:inline; border:solid 1px #bbb; font:normal 12px/normal Arial; } 

#form1 textarea { border:solid 1px #bbb; font:normal 12px/normal Arial, sans-serif;  line-height: 18px;} 

#form1 select  { border:solid 1px #bbb; padding: 4px; outline: none; font:normal 12px/normal Arial, sans-serif; line-height: 18px;} 

#form1 input#j_username, #form1 input#j_password, #form1 input.submit { border:none; padding:0; border-radius:0; }  

#form1 .task_info input  { margin:0; padding:4px;  display:inline; font:normal 12px/normal Arial; border:none;  }  

#form1 .task_info textarea  { width:70%; margin:0; padding:4px; float:left; position:relative;  display:inline; font:normal 12px/normal Arial; border:none;  }

#form1 input.less_btn { width:50px; margin:0 5px; padding:6px 4px; font:bold 14px/normal Arial; color:#fffefb; text-shadow:#000 1px 1px 1px; border:none; background:#be2226; cursor:pointer; letter-spacing: 1px; }
#form1 input.less_btn:hover { width:50px; font:bold 14px/normal Arial; color:#fffefb; text-shadow:#000 1px 1px 1px;  background:#0f7034; text-shadow:#000 1px 1px 1px; border:none; }

/*=============================
 GOOGLE MAP TABLE/
================================*/
.map_data {  width:auto; margin:-25px 20px 20px ; border-collapse:collapse; border-spacing:0; font:normal 12px/normal Arial; color:#333; } 

.map_data td { border-bottom:1px dotted #ccc; padding:8px 5px; font:normal 12px/normal Arial; width: auto; } 

/*=============================
 GOOGLE MAP /
================================*/
.ui-autocomplete { background-color: white; width: 300px; height: auto; border: 1px solid #cfcfcf; list-style-type: none; padding: 0px; }
#map_canvas { float:right; position: relative; width: 100%; min-width:75%; height: 400px; margin: 15px 0; border: 3px solid #ccc;  }

#form2 select  { border:solid 1px #bbb; padding: 4px; outline: none; font:normal 12px/normal Arial, sans-serif; line-height: 18px;} 

.update_customer_form { float:left; margin-right: 20px; }

.gender {margin:0; padding:0;}

.category_table{background-color:#686a6b;color: #FFFFFF;text-align:center;text-shadow: 0.1em 0.1em 0.05em #254117; font-size:15px; font-weight:normal;}

.txt_dec{text-align: center;padding: 5px;}


/*=============================
 FOR ACCESS DENIED PAGE OF EMAIL /
================================*/


#ambulanceList{
width:380px;
overflow-y: scroll;
height: 220px; 
margin: 0 0 10px 0;
}